<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta name="force-rendering" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="format-detection" content="telephone=no,telephone=no,email=no,adress=no">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <title></title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link href="./css/animate.css" rel="stylesheet" type="text/css" />
    <link href="./css/style.css?v=1.1" rel="stylesheet" type="text/css" />
    <script src="./js/jquery-2.1.1.min.js" type="text/javascript"></script>
    <script src="./js/common.js" type="text/javascript"></script>
    <script src="./js/wow.min.js" type="text/javascript"></script>
</head>

<body class="sy_body">

    <!-- 顶部 -->
    <div id="c-header">
        
        <!-- logo 与 pc导航-->
        <div class="container">
            <a class="c-logo" href="./index.html" title="logo"><img src="./images/logo.png" alt="logo"></a>
            <ul class="c-nav">
                <li><a href="" class="sel">首页</a></li>
                <li><a href="">大会日程</a></li>
                <li><a href="">热点关注</a></li>
                <li><a href="">竞赛专区</a></li>
                <li><a href="">展览展示</a></li>
                <li><a href="">直播大厅</a></li>
                <li><a href="">会务服务</a></li>
                <li>
                    <a href="" class="a">登录</a>
                    <a href="" class="a">注册</a>
                </li>
            </ul>
        </div>

        <!-- 顶部移动端导航开关 -->
        <div class="c-switch">
            <i></i>
            <i></i>
            <i></i>
        </div>
        <!-- 移动端导航 -->
        <ul class="c-nav2">
            <li><a href="">首页</a></li>
            <li><a href="">参展商</a></li>
            <li><a href="">展品</a></li>
            <li><a href="">资讯</a></li>
            <li><a href="">展会服务</a></li>
            <li>
                <a href="" class="a">登录</a>
                <a href="" class="a">注册</a>
            </li>
        </ul>
    </div>
    <div class="header_zhan"></div>
    
    <!--主体 -->
    <div class="sy_one">
        <p class=" fadeInUp" style="visibility: hidden"><img src="./images/img1.png" class="img" alt="融入新时代  赋能新发展"></p>
        <div class="search  fadeInUp"  style="visibility: hidden">
            <p>
                <input type="text" class="txt" placeholder="输入关键字">
                <input class="btn" type="button" value="搜一下">
            </p>
        </div>
        <p class=" fadeInUp"  style="visibility: hidden"><img src="./images/img2.png" class="img ming" alt="中国 郑州"></p>
        <div class="hr1" style="height: 80px;"></div>
    </div>
    <div class="sy-one-a">
        <div class="container">
            <a href="###" class="a-item">
                <div class="top-icon"><img src="images/a_item_1.png" alt=""></div>
                <h4>云上展厅</h4>
                <p>cloud exhibition</p>
            </a>
            <div class="list_grap"></div>
            <a href="###" class="a-item">
                <div class="top-icon"><img src="images/a_item_2.png" alt=""></div>
                <h4>观众报名</h4>
                <p>Professional audience registration</p>
            </a>
            <div class="list_grap"></div>
            <a href="###" class="a-item">
                <div class="top-icon"><img src="images/a_item_3.png" alt=""></div>
                <h4>会议&活动</h4>
                <p>MEETINGS ANDEVENTS</p>
            </a>
            <div class="list_grap"></div>
            <a href="###" class="a-item">
                <div class="top-icon"><img src="images/a_item_4.png" alt=""></div>
                <h4>中原科技城</h4>
                <p>ZHONGYUANTECHNOLOGY CITY</p>
            </a>
        </div>
    </div>
    <div class="sy_two" style="display: none;">
        <div class="container">
            <h2 class="title wow fadeInUp">关于大会</h2>
            <div class="desc  wow fadeInUp">展会概述代用文字商用密码作为保障网络和数据安全最有效、最可靠、最经济的关键核心技术，在维护国家安全、促进经济发展、保护人民群众利益中发挥着越来越重要的作用。在维护国家安全、促进经济发展、保护人民群众利益。</div>
            <ul class="list wow fadeInUp fengQin">
                <li class="sel">
                    <div class="left">
                        <img src="./images/img3.png" alt="" class="img">
                        <span>云上展会</span>
                    </div>
                    <div class="right">
                        <span class="biao">云上展会</span>
                        <div class="info">
                            点选右侧展开相应信息，相应类目介绍代用文字，商用密码作为保障网络和数据安全最有效、最可靠、最经济的关键核心技术，在维护国家安全、促进经济发展、保护人民群众利益中发挥着越来越重要的作用。商用密码作为保障网络和国家安越重要的作用。点选右侧展开相应信息，相应类目介绍代用文字，商用密码作为保障网络和数据安全最有效、最可靠、最经济的关键核心技术，在维护国家安全、促进经济发展、保护人民群众利益中发挥着越来越重要的作用。商用密码作为保障网络和国家安越重要的作用。
                        </div>
                        <a href="" class="more">查看详情</a>
                    </div>
                </li>
                <li>
                    <div class="left">
                        <img src="./images/img4.png" alt="" class="img">
                        <span>峰会论坛</span>
                    </div>
                    <div class="right">
                        <span class="biao">峰会论坛</span>
                        <div class="info">
                            点选右侧展开相应信息，相应类目介绍代用文字，商用密码作为保障网络和数据安全最有效、最可靠、最经济的关键核心技术，在维护国家安全、促进经济发展、保护人民群众利益中发挥着越来越重要的作用。商用密码作为保障网络和国家安越重要的作用。点选右侧展开相应信息，相应类目介绍代用文字，商用密码作为保障网络和数据安全最有效、最可靠、最经济的关键核心技术，在维护国家安全、促进经济发展、保护人民群众利益中发挥着越来越重要的作用。商用密码作为保障网络和国家安越重要的作用。
                        </div>
                        <a href="" class="more">查看详情</a>
                    </div>
                </li>
                <li>
                    <div class="left">
                        <img src="./images/img5.png" alt="" class="img">
                        <span>竞赛专区</span>
                    </div>
                    <div class="right">
                        <span class="biao">竞赛专区</span>
                        <div class="info">
                            点选右侧展开相应信息，相应类目介绍代用文字，商用密码作为保障网络和数据安全最有效、最可靠、最经济的关键核心技术，在维护国家安全、促进经济发展、保护人民群众利益中发挥着越来越重要的作用。商用密码作为保障网络和国家安越重要的作用。点选右侧展开相应信息，相应类目介绍代用文字，商用密码作为保障网络和数据安全最有效、最可靠、最经济的关键核心技术，在维护国家安全、促进经济发展、保护人民群众利益中发挥着越来越重要的作用。商用密码作为保障网络和国家安越重要的作用。
                        </div>
                        <a href="" class="more">查看详情</a>
                    </div>
                </li>
                <li>
                    <div class="left">
                        <img src="./images/img6.png" alt="" class="img">
                        <span>中原科技城</span>
                    </div>
                    <div class="right">
                        <span class="biao">中原科技城</span>
                        <div class="info">
                            点选右侧展开相应信息，相应类目介绍代用文字，商用密码作为保障网络和数据安全最有效、最可靠、最经济的关键核心技术，在维护国家安全、促进经济发展、保护人民群众利益中发挥着越来越重要的作用。商用密码作为保障网络和国家安越重要的作用。点选右侧展开相应信息，相应类目介绍代用文字，商用密码作为保障网络和数据安全最有效、最可靠、最经济的关键核心技术，在维护国家安全、促进经济发展、保护人民群众利益中发挥着越来越重要的作用。商用密码作为保障网络和国家安越重要的作用。
                        </div>
                        <a href="" class="more">查看详情</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="sy_three">
        <div class="container">
            <div class="sy_title wow fadeInUp">新闻中心</div>
            <div class="left  wow fadeInUp">
                <dl class="top xw_tab">
                    <dt class="sel">热点关注</dt>
                    <dt>大会新闻</dt>
                </dl>
                <!--热点关注-->
                <div class="bottom xw_nei">
                    <ul class="list">
                        <li>
                            <a href="">经国务院常务会议审议通过了《商用密码管理条例（修订草案）》</a>
                            <span class="time">2023-05-24</span>
                        </li>
                        <li>
                            <a href="">商用密码管理条例</a>
                            <span class="time">2023-05-24</span>
                        </li>
                        <li>
                            <a href="">商用密码管理条例</a>
                            <span class="time">2023-05-24</span>
                        </li>
                        <li>
                            <a href="">经国务院常务会议审议通过了《商用密码管理条例（修订草案）》</a>
                            <span class="time">2023-05-24</span>
                        </li>
                        <li>
                            <a href="">经国务院常务会议审议通过了《商用密码管理条例（修订草案）》</a>
                            <span class="time">2023-05-24</span>
                        </li>
                        <li>
                            <a href="">经国务院常务会议审议通过了《商用密码管理条例（修订草案）》</a>
                            <span class="time">2023-05-24</span>
                        </li>
                        <li>
                            <a href="">经国务院常务会议审议通过了《商用密码管理条例（修订草案）》</a>
                            <span class="time">2023-05-24</span>
                        </li>
                    </ul>
                    <a href="" class="more">查看全部</a>
                </div>
                <!--大会新闻-->
                <div class="bottom xw_nei" style="display:none;">
                    <ul class="list">
                        <li>
                            <a href="">商用密码管理条例</a>
                            <span class="time">2023-05-24</span>
                        </li>
                        <li>
                            <a href="">经国务院常务会议审议通过了《商用密码管理条例（修订草案）》</a>
                            <span class="time">2023-05-24</span>
                        </li>
                        <li>
                            <a href="">商用密码管理条例</a>
                            <span class="time">2023-05-24</span>
                        </li>
                        <li>
                            <a href="">经国务院常务会议审议通过了《商用密码管理条例（修订草案）》</a>
                            <span class="time">2023-05-24</span>
                        </li>
                        <li>
                            <a href="">商用密码管理条例</a>
                            <span class="time">2023-05-24</span>
                        </li>
                        <li>
                            <a href="">商用密码管理条例</a>
                            <span class="time">2023-05-24</span>
                        </li>
                        <li>
                            <a href="">经国务院常务会议审议通过了《商用密码管理条例（修订草案）》</a>
                            <span class="time">2023-05-24</span>
                        </li>
                    </ul>
                    <a href="" class="more">查看全部</a>
                </div>
            </div>
            <div class="right wow fadeInUp">
                <div class="lb_one">
                    <ul id="lb_one" class="content-slider">
                        <li><a href="#"><img src="./images/001.png"></a></li>
                        <li><a href="#"><img src="./images/001.png"></a></li>
                        <li><a href="#"><img src="./images/001.png"></a></li>
                        <li><a href="#"><img src="./images/001.png"></a></li>
                        <li><a href="#"><img src="./images/001.png"></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="sy_four">
        <div class="container">
            <h2 class="title wow fadeInUp">为观众与展商提供专业服务代用文字文字</h2>
            <div class="nei">
                <h3 class="tit wow fadeInUp">展会服务</h3>
                <ul class="list wow fadeInUp">
                    <li><a href=""><img src="./images/s1.png"><p>周边交通</p></a></li>
                    <li><a href=""><img src="./images/s2.png"><p>周边景点</p></a></li>
                    <li><a href=""><img src="./images/s3.png"><p>周边酒店 </p></a></li>
                    <li><a href=""><img src="./images/s4.png"><p>服务指南</p></a></li>
                </ul>
            </div>
            <div class="nei right">
                <h3 class="tit wow fadeInUp">参展服务</h3>
                <ul class="list wow fadeInUp">
                    <li><a href=""><img src="./images/s5.png"><p>展位图</p></a></li>
                    <li><a href=""><img src="./images/s6.png"><p>销售政策</p></a></li>
                    <li><a href=""><img src="./images/s7.png"><p>下载中心 </p></a></li>
                    <li><a href=""><img src="./images/s8.png"><p>参展资质审核</p></a></li>
                    <li><a href=""><img src="./images/s9.png"><p>展会介绍</p></a></li>
                    <li><a href=""><img src="./images/s10.png"><p>我要参展</p></a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="sy_five" style="display: none;">
        <div class="container">
            <div class="sy_title wow fadeInUp">竞赛专区</div>
            <ul class="list">
                <li class="wow fadeInUp">
                    <a href="" class="a">
                        <img src="./images/002.png" class="img">
                        <h3>密评师大赛</h3>
                    </a>
                </li>
                <li class="wow fadeInUp">
                    <a href="" class="a">
                        <img src="./images/003.png" class="img">
                        <h3>科普竞赛</h3>
                    </a>
                </li>
                <li class="wow fadeInUp">
                    <a href="" class="a">
                        <img src="./images/004.png" class="img">
                        <h3>大赛热点</h3>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div class="sy_eight">
        <div class="container">
            <div class="sy_title wow fadeInUp">展会直播
                <a href="" class="more">查看全部</a>
        </div>
            <ul class="left wow fadeInUp">
                <li>
                    <a href="" class="nei">
                        <span class="state">回放</span>
                        <img src="./images/001.png" class="img" alt="">
                    </a>
                </li>
                <li>
                    <a href="" class="nei">
                        <span class="state">回放</span>
                        <img src="./images/001.png" class="img" alt="">
                    </a>
                </li>
                <li>
                    <a href="" class="nei">
                        <span class="state">回放</span>
                        <img src="./images/001.png" class="img" alt="">
                    </a>
                </li>
                <li>
                    <a href="" class="nei">
                        <span class="state">回放</span>
                        <img src="./images/001.png" class="img" alt="">
                    </a>
                </li>
            </ul>
            <a href="" class="nei right wow fadeInUp">
                <span class="state">正在直播</span>
                <img src="./images/001.png" class="img" alt="">
                <p></p>
            </a>
        </div>
    </div>

    <div class="sy_eight-1">
        <div class="container">
            <div class="sy_title wow fadeInUp">参展企业
                <a href="" class="more">查看全部</a>
        </div>
        <ul class="cz_list wow fadeInUp">
            <li>
                <a href="" class="cz_item">
                    <div class="top-icon">
                        <img src="images/cz1.jpg" alt="">
                    </div>
                    <h4>展品名称代用代用文字代用</h4>
                </a>
                <div class="desc">
                    <p>展品类别：代用文字</p>
                    <p>展商名代用文字代用文字</p>
                </div>
            </li>
            <li>
                <a href="" class="cz_item">
                    <div class="top-icon">
                        <img src="images/cz2.jpg" alt="">
                    </div>
                    <h4>展品名称代用代用文字代用</h4>
                </a>
                <div class="desc">
                    <p>展品类别：代用文字</p>
                    <p>展商名代用文字代用文字</p>
                </div>
            </li>
            <li>
                <a href="" class="cz_item">
                    <div class="top-icon">
                        <img src="images/cz1.jpg" alt="">
                    </div>
                    <h4>展品名称代用代用文字代用</h4>
                </a>
                <div class="desc">
                    <p>展品类别：代用文字</p>
                    <p>展商名代用文字代用文字</p>
                </div>
            </li>
            <li>
                <a href="" class="cz_item">
                    <div class="top-icon">
                        <img src="images/cz1.jpg" alt="">
                    </div>
                    <h4>展品名称代用代用文字代用</h4>
                </a>
                <div class="desc">
                    <p>展品类别：代用文字</p>
                    <p>展商名代用文字代用文字</p>
                </div>
            </li>
            <li>
                <a href="" class="cz_item">
                    <div class="top-icon">
                        <img src="images/cz2.jpg" alt="">
                    </div>
                    <h4>展品名称代用代用文字代用</h4>
                </a>
                <div class="desc">
                    <p>展品类别：代用文字</p>
                    <p>展商名代用文字代用文字</p>
                </div>
            </li>
            <li>
                <a href="" class="cz_item">
                    <div class="top-icon">
                        <img src="images/cz1.jpg" alt="">
                    </div>
                    <h4>展品名称代用代用文字代用</h4>
                </a>
                <div class="desc">
                    <p>展品类别：代用文字</p>
                    <p>展商名代用文字代用文字</p>
                </div>
            </li>
            <li>
                <a href="" class="cz_item">
                    <div class="top-icon">
                        <img src="images/cz2.jpg" alt="">
                    </div>
                    <h4>展品名称代用代用文字代用</h4>
                </a>
                <div class="desc">
                    <p>展品类别：代用文字</p>
                    <p>展商名代用文字代用文字</p>
                </div>
            </li>
            <li>
                <a href="" class="cz_item">
                    <div class="top-icon">
                        <img src="images/cz1.jpg" alt="">
                    </div>
                    <h4>展品名称代用代用文字代用</h4>
                </a>
                <div class="desc">
                    <p>展品类别：代用文字</p>
                    <p>展商名代用文字代用文字</p>
                </div>
            </li>
            
        </ul>
            
        </div>
    </div>

    <div class="sy_eight-2">
        <div class="container">
            <div class="sy_title wow fadeInUp">科普竞赛
                <a href="" class="more">查看全部</a>
        </div>
        <ul class="kj_list wow fadeInUp">
            <li>
                <a href="" class="kj_item">
                    <div class="top-icon">
                        <img src="images/kj1.jpg" alt="">
                    </div>
                    <h4>密码科普竞赛成果展及颁奖</h4>
                </a>
                <div class="desc">
                    <p>2023-08-10    08:30</p>
                    <p>主办单位:中国密码学会教育与科普委员会</p>
                </div>
            </li>
            <li>
                <a href="" class="kj_item">
                    <div class="top-icon">
                        <img src="images/kj2.png" alt="">
                    </div>
                    <h4>密码攻防竞赛</h4>
                </a>
                <div class="desc">
                    <p>2023-08-10    08:30</p>
                    <p>主办单位:中国密码学会教育与科普委员会</p>
                </div>
            </li>
            <li>
                <a href="" class="kj_item">
                    <div class="top-icon">
                        <img src="images/kj3.png" alt="">
                    </div>
                    <h4>密码科普竞赛</h4>
                </a>
                <div class="desc">
                    <p>2023-08-10    08:30</p>
                    <p>主办单位:中国密码学会教育与科普委员会</p>
                </div>
            </li>
            
        </ul>
            
        </div>
    </div>
    
    <div class="sy_seven">
        <div class="container">
            <div class="top">
                <div class="title wow fadeInUp">豫见郑州</div>
                <div class="desc wow fadeInUp">郑州市地处河南省中北部，黄河中、下游分界处，全市总面积7567平方千米。郑州是华夏文明的重要发祥地、国家历史文化名城，是国家重点支持的六大遗址片区之一、世界历史都市联盟会员。</div>
            </div>
            <ul class="list">
                <li class="wow fadeInUp">
                    <a href="" class="nei">
                        <img src="./images/001.png" class="img">
                        <div class="txt-box">
                            <h3 class="tit">安伟调研中国自贸区郑州片区建设</h3>
                            <div class="desc">本地介绍文字本地介绍文字本地介绍文字本介绍代用文本地介绍文字本地介绍文字本地介绍文字本地介绍文字本地介绍文字本介绍代用文本地介绍文字本地介绍文字</div>
                        </div>
                    </a>
                </li>
                <li class="wow fadeInUp">
                    <a href="" class="nei">
                        <img src="./images/001.png" class="img">
                        <div class="txt-box">
                            <h3 class="tit">郑州文化产业精彩亮相深圳文博会</h3>
                            <div class="desc">本地介绍文字本地介绍文字本地介绍文字本介绍代用文本地介绍文字本地介绍文字本地介绍文字本地介绍文字本地介绍文字本介绍代用文本地介绍文字本地介绍文字</div>
                        </div>
                    </a>
                </li>
                <li class="wow fadeInUp">
                    <a href="" class="nei">
                        <img src="./images/001.png" class="img">
                        <div class="txt-box">
                            <h3 class="tit">安伟调研中国自贸区郑州片区建设</h3>
                            <div class="desc">本地介绍文字本地介绍文字本地介绍文字本介绍代用文本地介绍文字本地介绍文字本地介绍文字本地介绍文字本地介绍文字本介绍代用文本地介绍文字本地介绍文字</div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <div class="sy_eight-hzhb">
        <div class="container">
            <div class="sy_title wow fadeInUp">合作伙伴
                <a href="" class="more">查看全部</a>
        </div>
        <ul class="hzhb_list wow fadeInUp">
            <li>
                <a href="###" class="hzhb_item">
                    <img src="images/hz1.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="###" class="hzhb_item">
                    <img src="images/hz1.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="###" class="hzhb_item">
                    <img src="images/hz1.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="###" class="hzhb_item">
                    <img src="images/hz1.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="###" class="hzhb_item">
                    <img src="images/hz1.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="###" class="hzhb_item">
                    <img src="images/hz2.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="###" class="hzhb_item">
                    <img src="images/hz1.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="###" class="hzhb_item">
                    <img src="images/hz1.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="###" class="hzhb_item">
                    <img src="images/hz2.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="###" class="hzhb_item">
                    <img src="images/hz1.jpg" alt="">
                </a>
            </li>
            
            
        </ul>
            
        </div>
    </div>
    


    <!-- 底部 -->
    <div class="footer">
        <div class="container">
            <div class="top">
                <div class="left">
                    <h3 class="title">大会联系人</h3>
                    <dl>
                        <dd>郭清清    电话：15138919958；0371-68089876</dd>
                        <dd>高颖慧    电话：13525552236；0371-68089876</dd>
                        <dd>王润蕾    电话：18203622300；0371-68089875</dd>
                        <dd>执委会咨询电话：18137169069；0371-89893560</dd>
                    </dl>
                </div>
                <div class="zhong">
                    <h3 class="title">网站导航</h3>
                    <a href="">新闻中心</a>
                    <a href="">参展服务</a>
                    <a href="">政策法规</a>
                    <a href="">竞赛专区</a>
                    <a href="">豫见郑州</a>
                    <a href="">云上展会</a>
                    <a href="">展会服务</a>
                    <a href="">峰会论坛</a>
                    <a href="">中原科技城</a>
                    <a href="">个人中心</a>
                </div>
                <div class="right">
                    <p>大会官方微信公众号</p>
                    <img src="./images/wx.png" alt="二维码">
                </div>
            </div>
            <div class="bottom">©2023商用密码大会执委会版权所有      备案证号：京ICP备0000000000号 网站备案信息</div>
        </div>
    </div>
    
    <!---右侧浮动-->
    <div class="fu_img">
        <a href=""><img src="./images/f1.png" alt="移动会展"></a>
        <a href=""><img src="./images/f2.png" alt="客服热线"></a>
        <a href=""><img src="./images/f3.png" alt="公众平台"></a>
    </div>

    <script src="js/lightslider.js"></script>
    <script type="text/javascript">
        $(function(){
            //关于我们  手风琴效果
            $(".fengQin .left").click(function(){
                var i=$(".fengQin .left").index(this)
                $(".fengQin li").removeClass("sel");
                $(".fengQin li").eq(i).addClass("sel")
            })

            //新闻中心 切换
            $(".xw_tab dt").click(function(){
                var i=$(".xw_tab dt").index(this)
                $(".xw_tab dt").removeClass("sel");
                $(".xw_tab dt").eq(i).addClass("sel");
                $(".xw_nei").hide();
                $(".xw_nei").eq(i).show();
            })
            $("#lb_one").lightSlider({item:1,slideMove:1,loop:true,auto:true,mode:'slide',pause:4000,slideMargin:0});
            
        })
    </script>

</body>
</html>